<template>
  <div class="container">
    <Logo />
    <div class="articleList">
      <el-collapse>
        <el-collapse-item title="一致性 Consistency" name="1">
          <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
        </el-collapse-item>
      </el-collapse>
    </div>
  </div>
</template>

<script>
export default {
  async asyncData ({ $axios }) {
    const ip = await $axios.$get('http://icanhazip.com')
    return { ip }
  },
  data () {
    return {
      name: 'cp'
    }
  }
}
</script>

<style>
.container {
  padding: 0 200px;
}
.articleList {
  margin-top: 30px;
}
</style>
